.{$notify-prefix}
  display none
  &.{$notify-prefix}
    &-show
      display block
    &-has-mask
      .{$notify-prefix}-mask
        display block
    &-no-mask
      .{$notify-prefix}-mask
        display none
  .{$notify-prefix}
    &-mask, &-body
      position fixed
      top 0
      bottom 0
      left 0
      right 0
    &-mask
      display none
      background-color rgba(0, 0, 0, .16)
      z-index $notify-mask-zindex
    &-body
      overflow auto
      z-index $notify-container-zindex
  .{$notify-prefix}-container
    position relative
    min-width $notify-container-width
    background-color white
    border-radius $border-radius-size
    box-shadow 0 5px 10px rgba(0, 0, 0, .1)
    opacity 0
    transition $transition-time
    z-index $notify-container-zindex
    &.{$notify-prefix}-container-show
      opacity 1
    .{$notify-prefix}-content
      padding $notify-content-padding
    .{$icon-prefix}-close
      position absolute
      top 10px
      right 10px
      cursor pointer
      &:hover
        color $primary-color
